<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>聚众-微信广告平台</title>
    	<link rel="stylesheet" href="css/base.css"/>
    	<link rel="stylesheet" href="css/caseDetails.css"/>
    	<link rel="stylesheet" href="css/base_head_foot.css">
   		<link rel="shortcut icon" href="images/ico1 (1).ico"/>
   		<script src='js/jquery-1.7.1.min.js'></script>
   		<script src='js/caseDetails.js'></script>

   		<!-- 弹出层 -->
   		<link rel="stylesheet" href="css/reveal.css">
   		<link rel="stylesheet" href="css/feedback.css">
		<script type="text/javascript" src="js/jquery.reveal.js"></script>
    </head>
    <body>
    	<!-- 最外层 -->
    	<div class="container">

    		<!-- header部分开始 -->
    		<div class="header">
    			<div class="site-nav w clearfix ">
    				<ul class="pull-left fl">
    					<li><a href="homePage.html">首页</a></li>
    					<li><a href="billboard.html">榜单</a></li>
    					<li><a href="selection.html">聚众精选</a></li>
    					<li><a href="promotion.html">定制推广</a></li>
    					<li><a href="aboutUs.html">关于我们</a></li>
    				</ul>
    				<span>
    					广告主客服： <span class="phone">010-61268888</span>
    					渠道主客服： <span class="phone">010-61285588</span>
    				</span>
    				<span></span>
    				
    				<!-- *********************登录前后************************* -->

    				<!-- 登录之前 -->
    				<ul class="pull-right fr" id="beforeLogin" style="display: none">
    					<li><a href="login_ad.html">登录</a></li>
    					<li><a href="regist_ad.html">注册</a></li>
					</ul>


    				<!-- ***登陆之后的变化为用户名和退出*** -->
    				<ul class="pull-right fr" id="afterLogin" style="display: block">
    					<li>小王子123</li>
    					<li><a href="#">退出</a></li>
    				</ul>

    				<!-- *********************登录前后*************************** -->

    			</div>
    		</div>
    		<!-- header部分结束 -->

			<!-- nav部分开始 -->
			<div class="nav">
				<div class="select w clearfix">
					<div class="logo fl">
						<a href="homePage.html"><img src="images/logo.png" alt="威信"></a>
					</div>
					<div class="search fl">
						<div class="input fl">
							<input type="text" placeholder="搜索你感兴趣的"><button>搜索</button>
						</div>
						<div class="hot fl">
							<span>大家都在搜: </span>
							<ul>
								<li><a href="#">小道八卦</a></li>
								<li><a href="#">背包旅行摄影</a></li>
								<li><a href="#">Feekr旅行</a></li>
								<li><a href="#">私密日记</a></li>
							</ul>
						</div>
					</div>
					<div class="ad fr">
						<!-- *************************************************************** -->
						
						<!-- 广告主登录之前 -->
						<div class="ad_before fr" style="display: none" >
							<a href="login_ad.html"><button><span>我要</span>投广告</button></a>
							<a href="login_ad.html"><button><span>我要</span>接广告</button></a>
						</div>
	
						<!-- 广告主登录之后 -->
						<div class="ad_after fr" >
							<button><span><a id="adCenter"  href="adCen.html">我的广告主中心</a></span></button>
						</div>
						
					</div>
				</div>
			</div>
			<!-- nav部分结束 -->
			

			<!-- 右侧的跟随按键 -->
			<div class="right" id="right">
				<div class="favourite" id="favourite" style="display: block">
					<a href="favourite.html">
						<img src="images/favourite.png" alt="收藏夹">
						<span>收藏夹</span>
					</a>
					<div class="number">4</div>
				</div>
				<div class="feedback">
					<a href="#" class="big-link" data-reveal-id="feedbackDetails">
						<img src="images/feedback.png" alt="反馈">
						<span>提交反馈</span>
					</a>
				</div>
				<div class="toTop" id="toTop">
						<img src="images/toTop.png" alt="返回顶部">
						<span>  回顶部</span>
				</div>
			</div>
			<!-- 右侧的跟随按键 -->


			<!-- caseDetails部分开始 -->
			<div class="caseDetails w clearfix">
				<!-- 标题 -->
					<div class="title_all clearfix w">
						<div class="line"></div>
						<span>案例详情</span>
					</div>
					<div class="case_content">
						<div class="case_content_title">报喜鸟“爱不单行”营销案例</div>
						<div class="case_content_detail">
							<div class="picture fl"><img src="images/case_pic_lit.png" alt=""></div>
							<div class="lists fr">
								<div class="brand_introduce">
									<span class="title">品牌介绍：</span>
									<span class="content">报喜鸟,高端服装定制知名品牌。</span>
								</div>
								<div class="brand_need">
									<span class="title">品牌诉求：</span>
									<span class="content">对于报喜鸟的认知：“传统西服，属于年龄层大的人群”等关键词在消费者心里根深蒂固， 15年品牌推出婚庆男装西服，需要让品牌形象年轻化，吸引更多年轻群 体的关注，同时借助传播增加官微粉丝。</span>
								</div>
								<div class="people_location">
									<span class="title">人群定位：</span>
									<span class="content">婚庆人员，情侣爱人</span>
								</div>
								<div class="brocast_category">
									<span class="title">传播策略：</span>
									<span class="content">分为三个阶段，层层推进：自有传播矩阵预热带动传播；微信KOL推广宣传， 吸引年轻消费者的参与关注，用户UGC引爆社交网络。</span>
								</div>
								<div class="products_fit">
									<span class="title">适合产品（目标）：</span>
									<span class="content">服饰类，品牌建设，活动传播</span>
								</div>
								<div class="we_promopt">
									<a href="promotion.html">我要推广</a>
								</div>
							</div>
						</div>
						<div class="case_picture">
							<div class="case_picture_lineOne"></div>
							<div class="case_picture_title">传播文案&效果</div>
							<div class="case_picture_lineTwo"></div>

							<div class="case_picture_img">
								<img src="images/casee.png" alt="">
							</div>
						</div>
					</div>
			</div>
			<!-- caseDetails部分结束 -->

			<!-- 反馈弹出框	 -->
			<div class="feedbackDetails reveal-modal" id="feedbackDetails">
				<a class="close close-reveal-modal">&#215;</a>

    			<div class="feed_tittle">提交反馈</div>
    			<div class="feed_content">
    				<ul>
    					<li>
    						<span>建议类型</span>
    						<input type="text" placeholder="意见或建议">
    					</li>
    					<div class="content">
    						<span>建议内容</span>
    						<textarea cols="30" rows="10"  placeholder="300字以内"></textarea>
    					</div>
    					<li>
    						<span>您的称呼</span>
    						<input type="text" placeholder="请输入您的姓名">
    					</li>
    					<li>
    						<span>联系方式</span>
    						<input type="text" placeholder="请输入您的手机号">
    					</li>
    					<li>
    						<span>微信号</span>
    						<input type="text" placeholder="请输入您的微信号">
    					</li>
    					<li>
    						<span>QQ号</span>
    						<input type="text" placeholder="请输入您的QQ号">
    					</li>
    				</ul>
    				<div class="operate">
    					<div class="confirm fl">确认</div>
    					<div class="cancel fl">返回</div>
    				</div>
    			</div>
    		</div>
    		<!-- 反馈弹出框	 -->


			<!-- footer部分开始 -->
			<div class="footer w">
				<div class="aboutus w">
					<ul>
						<li><a href="aboutUs.html">关于我们</a></li>
						<li class="line"></li>
						<li><a href="aboutUs.html">帮助中心</a></li>
						<li class="line"></li>
						<li>广告主客服 : 010-61268888</li>
						<li>渠道客服 : 010-61285588</li>
					</ul>
				</div>
				<div class="copyright w">
					<span>Copyright © 甲子营有限公司版权所有 北ICP备15018834号-1</span>
				</div>
			</div>
			<!-- footer部分结束 -->

    	</div>
    </body>
</html>